<template>
  <div class="abnormal">
    <div class="header-title">
      问题情况
    </div>
    <div class="question-list">
      <ul>
        <li>
          <router-link :to="{path: '/abnormal/details', query: {category: 'video'}}" class="clear">
            <div class="left question">视频通话</div>
            <div class="right question-desc">画面出现问题 <i></i></div>
          </router-link>
        </li>
        <li>
          <router-link :to="{path: '/abnormal/details', query: {category: 'chat'}}" class="clear">
            <div class="left question">聊天</div>
            <div class="right question-desc">体验不佳，我有建议 <i></i></div>
          </router-link>
        </li>
        <li>
          <router-link :to="{path: '/abnormal/details', query: {category: 'setting'}}" class="clear">
            <div class="left question">设置</div>
            <div class="right question-desc">不能保存设置 <i></i></div>
          </router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
  export default {
    name: "function-abnormal"
  }
</script>

<style scoped lang="scss">
  @import '../../assets/css/config';

  .header-title {
    width: 100%;
    height: r(30);
    background: #FAFAFA;
    border: 0 solid #979797;
    padding: 0 4% 0 4.3%;
    font-size: r(15);
    color: #888888;
    letter-spacing: -0.38px;
    line-height: r(30);
  }
</style>
